<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="<%=basePath%>javascript/plugins/lib/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<%=basePath %>javascript/plugins/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="<%=basePath %>javascript/project/homepage/homepage.js"></script>
<link rel="stylesheet" href="<%=basePath %>javascript/plugins/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="<%=basePath %>css/common/header.css" />
<link rel="stylesheet" href="<%=basePath %>css/common/common.css" />
<link rel="stylesheet" href="<%=basePath %>css/component/search-form.css" />
<link rel="stylesheet" href="<%=basePath %>css/component/quickly-enter.css" />
<link rel="stylesheet" href="<%=basePath %>css/component/advertising.css" />
<link rel="stylesheet" href="<%=basePath %>css/component/product-grid.css" />
<link rel="stylesheet" href="<%=basePath %>css/component/introduction.css" />
</head>
<body>

	<div class="cus-header">
		
		<div class="container">
		
			<div class="row">
				<div class="col-md-4">
				</div>
				<div class="col-md-8">
					
					<div class="subtitle-nav-container">
					
						<ul class="list-inline">
						  <li class="ofheader"><a href="#">导航</a></li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						  <li class="ofheader">导航</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
	</div>

	<nav class="cus-navbar">

		<div class="container">
			
		</div>
	</nav>
	
	
	<div class="container">
	
		<div class="row margintop10">
			
			<div class="col-md-5">
		
				<div class="panel panel-default">
				  <div class="panel-body search-panel-bg">
				    
				    	<div class="search-panel">
				    			
				    		<div class="search-panel-header">
				    			<div class="label1">
									找兼职
				    			
				    			</div>
				    			<div class="label2 active-label">兼职招聘</div>
				    			<div class="label3">登陆</div>
				    		</div>
				    		<div class="search-panel-body" align="center">
				    		
									<table class="has-warning">
										<tr>
											<th>输入字段:</th>
											<td> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"></td>
										</tr>
										<tr>
											<th>输入字段:</th>
											<td> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"></td>
										</tr>
										<tr>
											<th>输入字段:</th>
											<td> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"></td>
										</tr>
										<tr>
											<th>输入字段:</th>
											<td> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"></td>
										</tr>
									</table>	
									
									<div class="form-btn-container">
										<button type="button" class="btn btn-warning btn-lg btn-block">Block level button</button>
									</div>			    		
				    		</div>

				    	</div>
				  </div>
				</div>
				
			</div>
			
			<div class="col-md-7">
			
				<div class="panel panel-default">
				  <div class="panel-heading"><span class="cus-panel-heading">快速进入</span></div>
				  <div class="panel-body">
				    	<ul class="list-inline">
				    		<li class="quickly-search">
				    			<div><img src="<%=basePath%>images/test1.png"/></div>
				    			<div>类别</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="<%=basePath%>images/test1.png"/></div>
				    			<div>类别</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="<%=basePath%>images/test1.png"/></div>
				    			<div>类别</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="<%=basePath%>images/test1.png"/></div>
				    			<div>类别</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="<%=basePath%>images/test1.png"/></div>
				    			<div>类别</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="<%=basePath%>images/test1.png"/></div>
				    			<div>类别</div>
				    		</li>
				    		<li class="quickly-search">
				    			<div><img src="<%=basePath%>images/test1.png"/></div>
				    			<div>类别</div>
				    		</li>
				    	</ul>
				  </div>
				</div>
				
				<div class="panel panel-default">
				  	<img src="<%=basePath %>images/t2.jpg" class="advertision-1"/>
				</div>
				
			
			</div>
			
		
		</div>

		
	</div>
	
	<div class="container">
	
		<div class="panel panel-default">
		  <div class="panel-heading">Panel heading without title</div>
		</div>
	</div>
	
	<div class="container">
	
		<div class="row">
		
			<div class="col-md-3">
			

					<div class="list-group">
					  <a href="#" class="list-group-item active">
					    <h4 class="list-group-item-heading">List group item heading</h4>
					    <p class="list-group-item-text">...</p>
					  </a>
					  <a href="#" class="list-group-item">
					    <h4 class="list-group-item-heading">List group item heading</h4>
					    <p class="list-group-item-text">...</p>
					  </a>
					  <a href="#" class="list-group-item">
					    <h4 class="list-group-item-heading">List group item heading</h4>
					    <p class="list-group-item-text">...</p>
					  </a>
					  <a href="#" class="list-group-item">
					    <h4 class="list-group-item-heading">List group item heading</h4>
					    <p class="list-group-item-text">...</p>
					  </a>
					  <a href="#" class="list-group-item">
					    <h4 class="list-group-item-heading">List group item heading</h4>
					    <p class="list-group-item-text">...</p>
					  </a>
					  <a href="#" class="list-group-item">
					    <h4 class="list-group-item-heading">List group item heading</h4>
					    <p class="list-group-item-text">...</p>
					  </a>
					</div>
					
				
				<div>
					<img src="<%=basePath%>images/t5.png" class="advertision-1"/>
				</div>
				
				<div class="introduction">
				
					<div>
						<div class="introduction-header"><h2>文字文字文字</h2></div>
					</div>
					<div class="introduction-body">
						<ul class="list-unstyled">
							<li>
								<img src="<%=basePath%>images/t6.png"/>
								<span>文字文字</span>
								<p class="text-muted">文字文字问</p>
							</li>
							<li>
								<img src="<%=basePath%>images/t6.png"/>
								<span>文字文字</span>
								<p class="text-muted">文字文字问</p>
							</li>
							<li>
								<img src="<%=basePath%>images/t6.png"/>
								<span>文字文字</span>
								<p class="text-muted">文字文字问</p>
							</li>
							<li>
								<img src="<%=basePath%>images/t6.png"/>
								<span>酒店酒店</span>
								<p class="text-muted">文字文字问</p>
							</li>
							
						</ul>
					</div>
				</div>
			
			</div>
		
		  <div class="col-md-9">
		  
		  	<ul class="list-inline">
		  	
				<li class="product-cell">
				    <div class="thumbnail">
				      <img src="<%=basePath %>images/t3.jpg" alt="...">
				      <div class="caption">
				        <h4>Thumbnail label</h4>
				        <p><em>rendered as italicized text</em></p>
				        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
				      </div>
				    </div>
				</li>
				<li class="product-cell">
				
				    <div class="thumbnail">
				      <img src="<%=basePath %>images/t3.jpg" alt="...">
				      <div class="caption">
				        <h4>Thumbnail label</h4>
				        <p><em>rendered as italicized text</em></p>
				        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
				      </div>
				    </div>
				</li>
				<li class="product-cell">
				
				    <div class="thumbnail">
				      <img src="<%=basePath %>images/t3.jpg" alt="...">
				      <div class="caption">
				        <h4>Thumbnail label</h4>
				        <p><em>rendered as italicized text</em></p>
				        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
				      </div>
				    </div>
				</li>
				<li class="product-cell">
				
				    <div class="thumbnail">
				      <img src="<%=basePath %>images/t3.jpg" alt="...">
				      <div class="caption">
				        <h4>Thumbnail label</h4>
				        <p><em>rendered as italicized text</em></p>
				        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
				      </div>
				    </div>
				</li>
				<li class="product-cell">
				
				    <div class="thumbnail">
				      <img src="<%=basePath %>images/t3.jpg" alt="...">
				      <div class="caption">
				        <h4>Thumbnail label</h4>
				        <p><em>rendered as italicized text</em></p>
				        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
				      </div>
				    </div>
				</li>
				<li class="product-cell">
				
				    <div class="thumbnail">
				      <img src="<%=basePath %>images/t3.jpg" alt="...">
				      <div class="caption">
				        <h4>Thumbnail label</h4>
				        <p><em>rendered as italicized text</em></p>
				        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
				      </div>
				    </div>
				</li>
				<li class="product-cell">
				
				    <div class="thumbnail">
				      <img src="<%=basePath %>images/t3.jpg" alt="...">
				      <div class="caption">
				        <h4>Thumbnail label</h4>
				        <p><em>rendered as italicized text</em></p>
				        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
				      </div>
				    </div>
				</li>
		  	
		 	</ul>
		    
		  </div>
		  
		</div>
	</div>
</body>
</html>